/*加载页面时就调用方法*/
$(function () {
    $("#page").load("/back/page.html");
    findAll();
});
//查询用户数据 然后展现再表单  分页查询
function findAll() {
    let data = {};
    data.username = $("#username").val();
    data.phone = $("#phone").val();
    data.sex = $("#sex").find("option:selected").text();//错误地点，方法括号没写
    data.hobby = hobbyList();
    data.startBirthday = $("#startBirthday").val();
    data.endBirthday = $("#endBirthday").val();
    data.introduce = $("#introduce").val();
    data.pageSize = $.trim($("#pageSize").val());
    data.pageNum = $.trim($("#pageNum").val());
    data.token = $.cookie("token");
    let result = myAjax('/back/user/findAll','get',data);
    setData(result.list);
    $("#pageCount").html(result.number);
}

//根据id进行用户数据删除操作
function del(id) {
    let result = myAjax('/back/user/delete','get',{id:id,token:$.cookie("token")});
    if (result.count === 1) {
        $('#right').load('/back/user/userManage.html');
    } else {
        alert("删除失败");
    }
}

//提取出来得多用格式
function setData(data) {
    let html = "";//进行字符串拼接
    for (let i = 0; i < data.length; i++) {
        html += ' <tr>\n' +
            '      <td>' + data[i].id + '</td>\n"' +
            '       <td>' + data[i].username + '</td>\n' +
            '        <td>' + data[i].phone + '</td>\n' +
            '        <td>' + data[i].sex + '</td>\n' +
            '        <td>' + data[i].hobby + ' </td>\n' +
            '        <td>' + data[i].birthday + '</td>\n' +
            '        <td>' + data[i].introduce + '</td>\n' +
            '        <td><a  href="javascript:edit( ' + data[i].id + ')">编辑</a> <a  href="javascript:del( ' + data[i].id + ')">删除</a></td>\n' +
            '    </tr>';
    }
    $("#userFindAll").html(html)//对当前的tbody进行赋值
}

/*用户编辑*/
function edit(id) {
    localStorage.setItem("userId", id);
    //sessionStorage.setItem("userId",id);   本地存储  两种方式都可以
    $('#right').load('/back/user/userEdit.html');//页面跳转
}


function hobbyList() {
    let vote = [];
    /*
        attr和prop的区别
        1、对于HTML元素本身就带有的固有属性，在处理时，使用prop方法
        2、对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
        3、checkbox，radio和select中对应checked和selected属于固有属性，因此需要用prop方法，用attr会出现undefined
        4、action="delete"，delete是自己定义的属性，用attr方法
     */
    $('input:checkbox[name=hobby]').each(function () {
        // console.log($(this).attr('checked',true));
        //设置true为全部选中
        if ($(this).prop('checked')) {
            vote.push($(this).val())
        }
    });
    //join(),不加参数默认","，加了参数以参数作为分隔符
    return vote.join();
    // return vote.toString();
}
function newAdd() {
    $('#right').load('/back/user/userAdd.html');//页面跳转
}
